<%@ taglib prefix="s" uri="/struts-tags"%>
<%@taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@taglib prefix="sjg" uri="/struts-jquery-grid-tags"%>
<style>
.control-label {
	margin-right: 10px;
	width: 200px;
}
</style>
<script>
	$.subscribe('clearTarget', function(event, data) {
		$("#targetResult").html("");
	});
</script>

<s:url id="urlAgama" action="modul/agama/jsonmap" />
<s:url id="urlStatusKawin" action="modul/statuskawin/jsonmap" />
<s:url id="urlStatusKepegawaian"
	action="modul/statuskepegawaian/jsonmap" />
<s:url id="urlStatusPegawai" action="modul/statuspegawai/jsonmap" />

<s:form id="updateForm" theme="bootstrap"
	cssClass="form-horizontal" label="Biodata Pegawai">
	<s:hidden name="oper" value="edit"></s:hidden>
	<div class="row-fluid">
		<div class="span6">
			<s:hidden name="id" value="%{pegawai.id}"></s:hidden>

			<s:textfield label="NIP :" name="nip" id="nip"
				cssClass="input-xlarge" value="%{pegawai.nip}" />

			<s:textfield label="NIP Lama :" name="nipLama" id="niplama"
				cssClass="input-xlarge" value="%{pegawai.nipLama}"/>

			<s:textfield label="Inisial :" name="inisial" id="inisial"
				cssClass="input-mini" value="%{pegawai.inisial}" />

			<s:textfield label="Nama :" name="nama" id="nama"
				cssClass="input-xlarge" value="%{pegawai.nama}" />

			<s:textfield label="Gelar Depan:" name="gelarDepan" id="gelarDepan"
				cssClass="input-xlarge" value="%{pegawai.gelarDepan}" />

			<s:textfield label="Gelar Belakang:" name="gelarBelakang"
				id="gelarBelakang" cssClass="input-xlarge"
				value="%{pegawai.gelarBelakang}" />

			<s:radio tooltip="Jenis Kelamin" label="Jenis Kelamain"
				list="{'L', 'P'}" value="%{pegawai.jenisKelamin}"
				name="jenisKelamin" cssErrorClass="foo" />


			<sj:select href="%{urlAgama}" id="agama" name="agama"
				list="listAgama" emptyOption="true" headerKey="0"
				headerValue="Pilih Agama" label="Agama Pegawai"
				value="%{pegawai.agama.id}" />

			<sj:select href="%{urlStatusKawin}" id="statusKawin"
				name="statusKawin" list="listStatusKawin" emptyOption="true"
				headerKey="0" headerValue="Pilih Status Kawin" label="Status Kawin"
				value="%{pegawai.statusKawin.id}" />

		</div>
		<div class="span6">
			<s:textfield label="No KTP :" name="nomorKTP" id="nomorKTP"
				cssClass="input-xlarge" value="%{pegawai.nomorKTP}"/>

			<s:textfield label="No NPWP :" name="nomorNPWP" id="nomorNPWP"
				cssClass="input-xlarge" value="%{pegawai.nomorNPWP}"/>

			<s:textfield label="No Karpeg :" name="nomorKarpeg" id="nomorKarpeg"
				cssClass="input-xlarge" value="%{pegawai.nomorKarpeg}"/>
				
			<s:radio tooltip="Status Taspen" label="Status Taspen"
				list="{'1', '0'}" name="statusTaspen" cssErrorClass="foo" value="%{pegawai.statusTaspen}"/>

			<s:textfield label="Tempat Lahir :" name="tempatLahir"
				id="tempatLahir" cssClass="input-xlarge"
				value="%{pegawai.tempatLahir}" />
			
			<sj:datepicker name="tanggalLahir" id="tanggalLahir"
				label="tanggalLahir" cssClass="input-medium"
				value="%{pegawai.tanggalLahir}" />
			
			<s:textfield label="Nama Ibu Kandung :" name="namaIbuKandung"
				id="namaIbuKandung" cssClass="input-xlarge"
				value="%{pegawai.namaIbuKandung}" />

			<sj:select href="%{urlStatusKepegawaian}" id="statusKepegawaian"
				name="statusKepegawaian" list="listStatusKepegawaian"
				emptyOption="true" headerKey="0"
				headerValue="Pilih Status Kepegawaian" label="Status Kepegawaian"
				value="%{pegawai.statusKepegawaian.id}" />

			<sj:select href="%{urlStatusPegawai}" id="statusPegawai"
				name="statusPegawai" list="listStatusPegawai" emptyOption="true"
				headerKey="0" headerValue="Pilih Status Pegawai"
				label="Status Pegawai" value="%{pegawai.statusPegawai.id}" />
		</div>
	</div>
</s:form>
